<template>
  <div>
    <!-- 搜索框 -->
    <Dispatch @searchs="searchValue"></Dispatch>

    <!-- 表单 -->
    <div class="sheet">
      <!-- 表单标题 -->
      <div class="search-title">
        <div class="search-title-a">订单列表</div>
      </div>
      <div class="search-title-a">
        <el-tabs type="card" @tab-click="handleClick">
          <el-tab-pane label="未处理">
            <Untreated :search="search" :sta0="sta0"></Untreated>
          </el-tab-pane>
          <el-tab-pane label="已处理">
            <Processed :search="search" :sta0="sta0"></Processed>
          </el-tab-pane>
          <el-tab-pane label="已驳回">
            <Reject :search="search" :sta0="sta0"></Reject>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script>
import Dispatch from "@/view/transport/dispatch";
import Untreated from "@/view/transport/untreated";
import Processed from "@/view/transport/processed";
import Reject from "@/view/transport/reject";
export default {
  name: "transport",
  data() {
    return {
      search: {
        transportId: '',
        usernames: '',
      },
      sta0: 1,
    };
  },
  components: {
    Untreated,
    Processed,
    Reject,
    Dispatch,
  },
  methods: {
    handleClick(tab, event) {
      this.sta0++;
      console.log("asdoaifoahbfgoq");
      console.log(tab, event);
    },

    searchValue(val) {
      this.search.transportId = val.transportId;
      this.search.usernames = val.usernames;
      console.log("房");
      console.log(val.transportId);
    },
  },
  mounted() {},
  created() {},
};
</script>

<style>
</style>
